<!DOCTYPE html >
<html>
<head>
<title>Asynchronous Loading</title>
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<meta charset="utf-8">
<link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css" />
<link rel="stylesheet" href="css/SmartTaxi.css">
<script>
	window.$ = window.jQuery = WLJQ;
</script>
</head>
<body>
	<div data-role="page" id="main">
		<div data-role="header">
			
				<input type="button" value="Home" id="homeBtn" data-inline="true">
				<span>Smart Taxi</span>
			
		</div>
		<div data-role="content" id="response">
			<fieldset>
				<div id="mapContainer" style="width: 300px; height: 422px"></div>

				<div data-role="controlgroup" data-type="horizontal" align="center">
					<a href="#" data-role="button" id="bookNowBtn">Book Now</a> 
					<a href="#" data-role="button" id="orderTaxiBtn">Order Taxi</a>
				</div>

			</fieldset>
		</div>
	</div>
    <script src="js/jquery.mobile-1.3.1.min.js"></script>
	<script src="js/initOptions.js"></script>
	<script src="js/SmartTaxi.js"></script>
	<script src="js/messages.js"></script>
	<script src="js/loadmap.js"></script>
	<script src="js/booknow.js"></script>
	
</body>
</html>